<template>
  <div class="bottom">
    <div v-for="(item,index) in list" :key="index+item" class="infoall" @click="btnclick(index)">
       <div class="iteming"><img :src='item.src' /></div>
       <div class="item">{{item.data}}</div>
    </div>
  </div>
</template>

<script>
export default {
  name:'bottomdata',
  data () {
    return {
      list:[
        {
          data:'我的信息',
          src:require('assets/img/me/letter.png')
        },
        {
          data:'我的商城',
          src:require('assets/img/me/money.png')
        },
        {
          data:'会员卡',
          src:require('assets/img/me/crown.png')
        },
        {
          data:'我的购物车',
          src:require('assets/img/me/car.png')
        },
        {
          data:'下载购物app',
          src:require('assets/img/me/sack.png')
        },
      ]
      //,,,,
    }
  },
  methods: {
    btnclick(index){
      if(index==3){
        this.$router.push('/cats')
      }
    }
  }
}
</script>

<style scoped>
 .infoall{
   height: 60px;
   font-size: 22px;
   font-weight: bold;
   border-bottom: 1px solid rgb(192,192,192);
   display: flex;
 }

 .item{
  line-height: 50px;
  margin-left:20px;
  line-height: 60px;
  color: burlywood;
 }
 .iteming{
   position: relative;
   top: 15px;
   left: 10px;
 }
</style>